<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width" />
		<meta name="author" content="www.yanshisan.cn" />
		<meta name="robots" content="all" />
		<title>留言板</title>
		<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="lib/layui/css/layui.css" />
		<link rel="stylesheet" href="css/master.css" />
		<link rel="stylesheet" href="css/gloable.css" />
		<link rel="stylesheet" href="css/nprogress.css" />
		<link rel="stylesheet" href="css/page/message.css" />
		<script type="text/javascript" src="js/constant/urls.js"></script>
		<script type="text/javascript" src="lib/layui/layui.js"></script>
		<script type="text/javascript" src="lib/jquery/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="js/utils/TimeUtils.js"></script>
		<script type="text/javascript" src="js/utils/publicUtils.js"></script>
		<script type="text/javascript" src="js/gloable.js"></script>
		<script type="text/javascript" src="js/plugins/nprogress.js"></script>
		<script type="text/javascript" src="js/page/message.js"></script>
	</head>
	<body>
		<div class="header">
		</div>
		<header class="gird-header">
			<div class="header-fixed">
				<div class="header-inner">
					<img src="image/tudo-logo.png" alt="Tudo" class="header-logo" id="logo" />
					<nav class="nav" id="nav">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="article.html">医疗科普</a></li>
							<li><a href="message.html">留言</a></li>
							<li><a href="link.html">友链</a></li>
							<li><a href="about.html">关于</a></li>
						</ul>
					</nav>
					<a href="#" class="blog-user">
						<i class="fa fa-qq"></i>
					</a>
					<a class="phone-menu">
						<i></i>
						<i></i>
						<i></i>
					</a>
				</div>
			</div>
		</header>
		<div class="doc-container" id="doc-container">
			<div class="container-fixed">
				<div class="container-inner">
					<section class="msg-remark">
						<h1>留言板</h1>
						<p>
							沟通交流，拉近你我，提出你对本系统宝贵的意见吧！
						</p>
					</section>
					<div class="textarea-wrap message" id="textarea-wrap">
						<form class="layui-form blog-editor" action="">
							<div class="layui-form-item">
								<textarea name="content" lay-verify="content" id="remarkEditor" placeholder="请输入内容" class="layui-textarea layui-hide"></textarea>
							</div>
							<div class="layui-form-item">
								<button class="layui-btn" lay-submit="formLeaveMessage" lay-filter="formLeaveMessage">提交留言</button>
							</div>
						</form>
					</div>
				</div>
				<div class="f-cb"></div>
				<div class="mt20">
					<ul class="message-list" id="message-list">
						<li class="zoomIn article">
							<div class="comment-parent">
								<a name="remark-1"></a>
								<img src="https://thirdqq.qlogo.cn/qqapp/101465933/7627F745B95BFAC18C6C481FE72B4EB1/100" />
								<div class="info">
									<span class="username">燕十三</span>
								</div>
								<div class="comment-content">
									剑气纵横三万里
								</div>
								<p class="info info-footer">
									<i class="fa fa-map-marker" aria-hidden="true"></i>
									<span>四川</span>
									<span class="comment-time">2018-01-01</span>
									<a href="javascript:;" class="btn-reply" data-targetid="1" data-targetname="燕十三">回复</a>
								</p>
							</div>
							<hr />
							<div class="comment-child">
								<a name="reply-1"></a>
								<img src="https://thirdqq.qlogo.cn/qqapp/101465933/7627F745B95BFAC18C6C481FE72B4EB1/100">
								<div class="info">
									<span class="username">燕十四</span>
									<span style="padding-right:0;margin-left:-5px;">回复</span>
									<span class="username">燕十三</span>
									<span>一剑光寒十九洲</span>
								</div>
								<p class="info">
									<i class="fa fa-map-marker" aria-hidden="true"></i>
									<span>四川</span>
									<span class="comment-time">2018-01-01</span>
									<a href="javascript:;" class="btn-reply" data-targetid="2" data-targetname="燕十四">回复</a>
								</p>
							</div>
							<div class="replycontainer layui-hide">
								<form class="layui-form" action="">
									<input type="hidden" name="remarkId" value="1">
									<input type="hidden" name="targetUserId" value="0">
									<div class="layui-form-item">
										<textarea name="replyContent" lay-verify="replyContent" placeholder="请输入回复内容" class="layui-textarea" style="min-height:80px;"></textarea>
									</div>
									<div class="layui-form-item">
										<button class="layui-btn layui-btn-xs" lay-submit="formReply" lay-filter="formReply">提交</button>
									</div>
								</form>
							</div>
						</li>
					</ul>
					<span id="count" style="display: none;">256</span>
					<div id="demo2-2"></div>
				</div>
			</div>
		</div>
		<footer class="grid-footer">
			<div class="footer-fixed">
				<div class="copyright">
					<div class="info">
						<div class="contact">
							<a href="javascript:void(0)" class="github"><i class="fa fa-github"></i></a>
							<a href="javascript:void(0)" class="qq"" ><i class=" fa fa-qq"></i></a>
							<a href="javascript:void(0)" class="email"><i class="fa fa-envelope"></i></a>
							<a href="javascript:void(0)"><i class="fa fa-weixin"></i></a>
						</div>
						<p class="mt05">
							Copyright &copy; 2019-2020 涂圆圆 All Rights Reserved V.1.2.5
						</p>
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>
